<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{title}}</title>
        <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
            rel="stylesheet"
            crossorigin="anonymous">
            <!-- 绝对路径  koa-static静态读取 -->
        <link rel="stylesheet" href="/css/style.css">
        <link href="https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    </head>
    <body >
        {% include 'views/components/notify.html' %}
        {% block body %}
        <div>no body</div>
        {% endblock %}

        <script>
            $(function(){
                if($('.alert')){
                    setTimeout(() => {
                        $('.alert').fadeOut()
                    }, 2000);
                }
            })
        </script>
    </body>
</html>